<template>
  <div id="home">
    我是home组件
    {{this.$store.state.count}}
    <br>
    <button @click="inCont">增加数子++</button>
   <h2>改变store.state里面的数据的时候，会触发getters里面的computedCount方法</h2>
    {{this.$store.getters.computedCount}}
  </div>
</template>
<script>

import store from "../vuex/store.js"
  export default{
    data(){
      return {
        msg:'我是一个home组件',
        value:''
      }
    },
    store,
    methods:{
      inCont(){
        this.$store.commit('incCount');/*触发 mutations 改变 state里面的数据*/
        this.$store.dispatch('incMutationsCount') /*触发 actions里面的方法 ,通过dispatch去触发   */
      }
    }
  }
</script>